<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>问卷</title>
    <style>
        .container{
            position: absolute;
            border: 1px solid #cccccc;
            left: 50%;
            top: 50%;
            width: 500px;
            height: 300px;
            margin-left: -250px;
            margin-top: -150px;
            box-sizing: border-box;
            padding: 10px;
        }
        h2{
            margin: 10px 0px;
            text-align: center;
        }
        h3{
            margin: 10px 0px;
        }
        .item{
            width: 150px;
        }
    </style>
</head>
<body>
<div class="container">
    <h2>问卷调查</h2>
    <form action="/mapping/p5" method="post">
        <h3>您的姓名</h3>
        <input name="name" type="text" class="item">
        <h3>您正在从事的行业</h3>
        <select name="job" class="item">
            <option value="designer">设计师</option>
            <option value="developer">研发</option>
            <option value="saler">销售</option>
        </select>
        <div>
            <h3>工作的目的</h3>
            <input type="checkbox" name="purpose" value="1">养家糊口
            <input type="checkbox" name="purpose" value="2">实现自我价值
            <input type="checkbox" name="purpose" value="3">成为资本家
            <input type="checkbox" name="purpose" value="4">没目的
            <input type="checkbox" name="purpose" value="5">不能说
        </div>
        <div style="text-align: center;padding-top: 10px">
            <input type="submit" value="提交" class="item">
        </div>
    </form>
</div>
</body>
</html>